<template>
    <view class="w-100" :style="{ height: `${height || 0}px` }"></view>
</template>

<script setup>
/**
 * @description 安全底部高度 主要是用于ios底部安全区域的适配
 * 如有固定底部时或者底部有弹窗时，请使用该组件来设置底部安全区域高度
 * @author yinzhi
 * @date 2025-03-06
 */
import { computed } from 'vue'
import { useStore } from 'vuex'
const store = useStore()
// 底部安全区域高度
const height = computed(() => store.state.platform?.systemInfo?.footBarHeight || 0)
</script>
